html,
body {
    position: relative;
    height: 100%;
}
.popup {
//  .bg {
//      position: absolute;
//      top: 0;
//      left: 0;
//      width: 100%;
//      height: 100%;
//      background-color: #000;
//      opacity: 0.7;
//  }
    .title {
        padding-top: px2rem(40);
        padding-bottom: px2rem(40);
        text-align: center;
        font-size: px2rem(36);
        color: #333;
    }
    .cnt {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        width: px2rem(540);
        height: px2rem(398);
        -webkit-border-radius: px2rem(13);
        -moz-border-radius: px2rem(13);
        border-radius: px2rem(13);
        background-color: #fff;
        z-index: 99;
        
        .err {
            span {
                display: inline-block;
                margin-right: px2rem(18);
                width: px2rem(24);
                height: px2rem(24);
                line-height: px2rem(24);
                border-radius: 50%;
                color: #fff;
                background-color: #ff4c4c;
                text-align: center;
            }
            margin-top: px2rem(14);
            color: #ff4c4c;
            font-size: px2rem(24);
        }
    }
}
.popup {
    &.login {
        .cnt {
            width: px2rem(680); //          height: px2rem(394);
            padding: px2rem(55) px2rem(24) px2rem(38);
        }
        .ipt-item {
            display: flex;
            width: px2rem(625);
            height: px2rem(70);
            border-bottom: 1px solid #e6e6e6;
            margin-bottom: px2rem(30);
            align-items: center;
            input {
                font-size: px2rem(28);
            }
            .icon {
                display: block;
                margin-right: px2rem(26);
                width: px2rem(34);
                height: px2rem(38);
                background: url("../../images/login-bg.png") no-repeat;
                background-size: 100% 300%;
            }
            &.pwd {
//              margin-bottom: px2rem(20);
                .icon {
                    background-position: 0 50%;
                }
            }
            &.verify-code {
                display: none;
//              margin-bottom: px2rem();
                .icon {
                    background-position: 0 100%;
                }
            }
        }
        
        .login-btn {
            display: block;
            width: 100%;
            height: px2rem(88);
            line-height: px2rem(88);
            -webkit-border-radius: px2rem(10);
            -moz-border-radius: px2rem(10);
            border-radius: px2rem(10);
            background-color: #5ccc9f;
            color: #fff;
            text-align: center;
            font-size: px2rem(34);
            margin-top: px2rem(40);
        }
    }
}
